<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI探索者-首页</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/head.css">
    <style>
        a {
            text-decoration: none;
            color: black;
        }

        a:hover {
            color: #309cff;
        }

        /* 懒加载的过渡动画 */
        .flag {
            opacity: 0;
            filter: blur(4px);
            transition: all 2s;
            transform: translateY(30%);
        }

        .actived {
            opacity: 1;
            filter: blur(0);
            transform: translateX(0);
        }
    </style>
</head>

<body>
    <div class="box" style="font-size: 18px;">
        <img src="img/index/banner.bmp" class="background">
        <div class="nav">
            <div class="left">
                <img src="img/index/logo.png" alt="">
                <div>探索者</div>
            </div>
            <div class="mid">
                <div><a href="index.html">首页</a></div>
                <div><a href="subpage1.html">走进AI</a></div>
                <div><a href="subpage2.html">资料下载</a></div>
                <div><a href="#">公告</a></div>
                <div><a href="#">关于</a></div>
            </div>
            <a href="loagin.html" class="online">
                <div class="right">
                    <span>用户登录</span>
                </div>
            </a>
        </div>
        <div class="main">
            <div class="title">走进<span>AI</span>的世界</div>
            <div class="content">欢迎来到“AI探索者”<br>这里是您了解和学习AI的起点</div>
            <a href="https://yiyan.baidu.com/" class="online">
                <div class="button">
                    <div>现在体验</div><img src="img/index/right.png">
                </div>
            </a>
        </div>
        <div class="wxyy">
            <img src="img/index/wxyy.png">
        </div>
        <div class="explorer">
            <div class="title">
                <div class="top"><span>AI</span> Explorer</div>
                <div class="content">我们将带您领略AI的神奇魅力<br>探索其广泛的应用领域<br>并为您提供深入学习的资源和指导
                </div>
            </div>
            <div class="sections">
                <div class="section">
                    <div class="top">人工智能的定义</div>
                    <div class="con flag">
                        <div class="text">人工智能(Artificial
                            Intelligence，简称AI)是一门研究、开发能够模拟、延伸和扩展人类智能的理论、方法、技术及应用系统的科学。它涵盖了机器人、语言识别、图像识别、自然语言处理等多个领域，旨在实现机器的智能化。AI的发展以算法、计算和数据为驱动力，通过模拟人类智能的某些方面，使机器能够执行复杂的任务。AI不仅推动了科技进步，还在医疗、教育、交通等多个领域展现出巨大的应用潜力，为社会发展带来了新的机遇。
                        </div>
                        <img src="img/index/section1a.jpg">
                    </div>
                </div>
                <div class="section">
                    <div class="top">AI的发展历程</div>
                    <div class="con flag">
                        <div class="title">
                            <div class="text">
                                此阶段，人工智能刚刚起步，主要集中在理论研究上。图灵提出的图灵测试为AI定义了基础，而达特茅斯会议则标志着AI学科的诞生。研究人员试图通过符号逻辑和推理规则模拟人类智能，但由于技术和理论的限制，这一时期的AI应用十分有限。
                            </div>
                            <h3>初创与探索时期(1950s-1970s)</h3>
                        </div>
                        <img src="img/index/robot1.jpg" style="margin-left: 30px;">
                    </div>
                    <div class="con flag">
                        <img src="img/index/robot2.jpg" style="margin-right: 30px;">
                        <div class="title">
                            <h3>专家系统与应用时期(1980s-1990s)</h3>
                            <div class="text">
                                随着计算机技术的发展，AI开始探索实际应用。专家系统作为此时期的主要成果，模拟人类专家决策过程，为特定任务提供咨询。然而，由于实际应用范围的局限和成本高昂，AI在1987年至1993年间遭遇低谷，即所谓的“AI冬天”。
                            </div>
                        </div>
                    </div>
                    <div class="con flag">
                        <div class="title">
                            <div>
                                进入21世纪，大数据和计算能力的提升推动了AI的飞速发展。特别是深度学习技术的突破，使AI在图像识别、自然语言处理等领域取得重大成果。这一时期，AI开始广泛应用于医疗、金融、自动驾驶等多个领域，展现了巨大的潜力和价值。
                            </div>
                            <h3>机器学习与深度学习时期(2000年至今)</h3>
                        </div>
                        <img src="img/index/robot3.jpg" style="margin-left: 30px;">
                    </div>
                    <div class="section">
                        <div class="top">
                            AI的应用领域<br>
                            <span
                                style="font-size: 26px; margin-left: 20px;font-weight: 500;">医疗领域、交通运输、智能家居、教育领域</span>
                        </div>
                        <div class="cons">
                            <div class="con flag">
                                <div> <img src="img/index/cons1.jpg" alt="">
                                    <a href="">
                                        <div class="butt">了解更多</div>
                                    </a>
                                </div>
                                AI在医疗领域的应用日益广泛，从疾病诊断到治疗方案推荐，再到患者监护，AI技术通过深度学习和大数据分析，提高了医疗服务的效率和准确性，为医疗健康事业带来了革命性的变化。
                            </div>
                            <div class="con flag">
                                <div><img src="img/index/cons2.jpg" alt="">
                                    <a href="">
                                        <div class="butt">了解更多</div>
                                    </a>
                                </div>
                                AI在交通运输领域的应用包括自动驾驶、交通流量预测和智能交通信号控制等。AI技术能够提高交通系统的智能化水平，减少交通拥堵，提高道路安全，为人们提供更加便捷、高效的出行方式。
                            </div>
                            <div class="con flag">
                                <div>
                                    <img src="img/index/cons3.jpg" alt="">
                                    <a href="">
                                        <div class="butt">了解更多</div>
                                    </a>
                                </div>
                                AI在交通运输领域的应用包括自动驾驶、交通流量预测和智能交通信号控制等。AI技术能够提高交通系统的智能化水平，减少交通拥堵，提高道路安全，为人们提供更加便捷、高效的出行方式。
                            </div>
                            <div class="con flag">
                                <div><img src="img/index/cons4.jpg" alt="">
                                    <a href="">
                                        <div class="butt">了解更多</div>
                                    </a>
                                </div>
                                AI在教育领域的应用包括智能慕课、个性化学习推荐等。AI技术能够根据学生的学习情况提供个性化的学习资源和建议，提高教育效率和学习效果，为教育事业的发展注入新的活力。
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sale">
            <div class="title">
                <h1 style="font-size: 80px;margin-bottom: 0;">高端定制</h1>
                <h3>带领你领略性能卓越的AI新体验</h3>
            </div>
            <div class="left">定价</div>
            <div class="right"><a href="subpage2.html">了解更多 To Go-></a></div>
            <div class="content">
                <div class="item">
                    <div class="top">基础版</div>
                    <div class="price"><span>￥1200</span>/12课时</div>
                </div>
                <div class="item">
                    <div class="top">进阶版</div>
                    <div class="price"><span>￥1500</span>/12课时</div>
                    <div class="text">学习更加优秀的AI功能</div>
                </div>
                <div class="item">
                    <div class="top">卓越版</div>
                    <div class="price"><span>￥2000</span>/12课时</div>
                    <div class="text">学习完整的AI功能</div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="left">
                <img src="img/index/logo.png" alt="">
                <div>探索者</div>
            </div>
            <div class="list">
                <div class="top">产品特色</div>
                <ul>
                    <li><a href="">AI 工具箱</a></li>
                    <li><a href="">AI 设计系统</a></li>
                    <li><a href="">专业工具</a></li>
                    <li><a href="">云端协同</a></li>
                    <li><a href="">设计系统</a></li>
                    <li><a href="">原型设计</a></li>
                    <li><a href="">产品性能</a></li>
                </ul>
            </div>
            <div class="list">
                <div class="top">资源</div>
                <ul>
                    <li><a href="">基础版</a></li>
                    <li><a href="">进阶版</a></li>
                    <li><a href="">卓越版</a></li>
                    <li><a href="">企业定制</a></li>
                </ul>
            </div>
            <div class="list">
                <div class="top">友情链接</div>
                <ul>
                    <li><a href="">官方抖音号</a></li>
                    <li><a href="">官方微博</a></li>
                    <li><a id="scrollButton">官方粉丝群</a></li>
                </ul>
            </div>
        </div>
        <hr>
        <div class="end">
            <h6>AI Explorer有限公司</h6>
            <h6> 联系方式：010-1223124</h6>
            <h6>地址：浙江纺织服装职业技术学院</h6>
            <h6>浙ICP备0000001号</h6>
        </div>
    </div>
</body>
<script src="js/index.js"></script>



</html>